<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机话费订单列表</title>
    <link rel="stylesheet" href="http://vip.xialiu.xin/public/static/wechat/css/style_new.css">

</head>
<style>
    .header{
        text-align: center;
        background-color: #00B2EE;
        padding: 10px ;
        border-radius: 6px;
        margin-right: 0.05%;
    }
    .container{
        overflow: hidden;
        width:100%;
        height:100%;
    }
    .list_li{
        list-style-type: none;
        height: 100px;
        width: 100%;
        margin-left: -40px;
        background-color: red;
    }
    .list_li img{
        width:12%;
        padding: 5px 6px;
    }
    .orderinfo p{
        line-height: 15px;
    }
    
</style>
<body>

<div class="tab-pane fade in active" id="all">
    <div class="header">订单列表</div>
    <ul class="container">
        <li class="list_li">
            <img src="__STATIC__/images/phonebill.png" >
            <div class="orderinfo">
                <h1>商品名称</h1>
                <p>下单时间:</p>
                <p>充值时间:</p>
                <p>总价:</p>
            </div>
            
        </li>
    </ul>

</div>


</body>
</html>